<template>
  <div>
    <option-fun></option-fun>
    <div class="canvas_export">
      <work-control></work-control>
      <work-area></work-area>
      <style-form></style-form>
    </div>
  </div>
</template>
<script setup lang="ts">
import OptionFun from './components/OptionFun.vue'
// 左侧选中控件区域
import WorkControl from './components/WorkControl.vue'
// canvas画布工作区域
import WorkArea from './components/WorkArea.vue'
// 控件样式配置区域
import StyleForm from './components/StyleForm.vue'
</script>
<style lang="scss" scoped>
.canvas_export {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: $mainHeight;
}
</style>
